<!DOCTYPE html>
<html class="javascript js cssanimations">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>72公社</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="72公社">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="../css/amaze.min.css" />
    <link rel="stylesheet" href="../css/amazeui.min.css" />
    <link rel="stylesheet" href="../css/app.css">
    <!--[if (gte IE 9)|!(IE)]>
		<!-->
    <script type="text/javascript" src="../script/jquery-1.11.1.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
			<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
				
			</script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js">
				
			</script>
		<![endif]-->
    <script src="../script/amazeui.min.js"></script>

    <style type="text/css">
    /*头部背景*/
    
    .am-header-default {
        background-color: #f40;
    }
    /*分类样式*/
    
    .am-menu-dropdown1 .am-menu-nav>li>a {
        border-bottom: 1px solid #d63900;
        background: #f40;
    }
    
    .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
        background: #e63d00;
    }
    /*按钮样式*/
    
    .am-btn-primary:hover {
        color: #fff;
        background-color: #c23400;
        border-color: #c23400;
    }
    
    .am-btn-primary {
        color: #fff;
        background-color: #f40;
        border-color: #f40;
    }
    
    .this {
        background: white;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #feebdc;
        border-right: 1px solid #feebdc;
    }
    
    .this i {
        color: #ff8000;
    }
    </style>
</head>
<style type="text/css">
	.tip{color:red;display:none;}
	.ggl_ny_btn_disable{background:none !important;border:none;}
</style>

<body>

<div class="am-g am-topbar-fixed-top" style=";padding:0 0;background:#ffaa43;height:45px;">
	<a href="javascript:api.closeWin();">
	<div class="am-u-sm-3" style="margin-top:10px;text-align:left">

		<span class="am-icon-angle-left am-icon-sm" style="color:white;"></span>

	</div> 
	</a>

	<div class="am-u-sm-6" style="margin-top:10px;font-family:微软雅黑;color:white;text-align:center;">
		注册
	</div>

	<a  onclick="$api.mOpenWin('login','login.html')" style="color:white;">
	<div class="am-u-sm-3" style="margin-top:11px;text-align:right">
		登陆
	</div> 
	</a>

</div>
		
		
		<div class="content">
			<div class="am-container am-margin-top-lg">
				<div class="am-g">
					<div class="am-u-sm-12">
						<form method="post" class="am-form am-form-horizontal" id="reg-form">
							
							<div class="am-show" id="phone">
							
							<input type="hidden" id="memberInfoId" value="" />
							<div class="am-form-group">
								<div class="am-u-sm-12">
									<div class="am-form-icon">
										<i class="am-icon-mobile-phone"></i>
										<input type="tel" name="mobile" id="mobile" class="am-form-field" placeholder="输入有效手机号">
									</div>
								</div>
							</div>
							
							
							<div class="am-form-group">
								<div class="am-u-sm-7">
									<div class="am-form-icon">
										<i class="am-icon-check"></i>
										<input type="number" name="verify" id="verify" class="am-form-field" placeholder="请输入验证码">
									</div>
								</div>
								
								<!--获取验证码-->
								<div class="am-u-sm-5" style="line-height:41px">
								
								    <button id="btn_getValiData"  type="button" style="height:42px;border-radius:5px;"  class="am-btn-block am-btn am-btn-warning am-btn-sm">
										获取验证码
									</button>
								    
								</div>
								
							</div>
							
							
							
							<div class="am-form-group">
								
								  <div class="am-u-sm-12">
								   	  <p class="tip" >*系统已向你的手机下发验证码，如果未收到，请在 <span id="sec_reload" style="color:black;"></span> 秒后重试</p>
								   </div>
								
								<div class="am-u-sm-12 am-hide">
									<button id="sub_phone" type="button" class="am-btn-block am-btn am-btn-warning am-btn-sm">
										提交
									</button>
								</div>
							</div>
							<hr>
							
							</div>
							
							
							<!--显示 am-show-->
							<div class="" id="moreinfo">
							   
							    <div class="am-form-group am-hide">
									<div class="am-u-sm-12" style="color:red;">
										您的初始密码为：111111,为了安全起见，建议重新设置密码
									</div>
								</div>
							   
								<div class="am-form-group">
									<div class="am-u-sm-12">
										<div class="am-form-icon">
											<i class="am-icon-lock"></i>
											<input type="password" name="password" id="password" class="am-form-field" placeholder="请设置一个密码">
										</div>
									</div>
								</div>
								<div class="am-form-group">
									<div class="am-u-sm-12">
										<div class="am-form-icon">
											<i class="am-icon-lock"></i>
											<input type="password" name="password2" id="password2" class="am-form-field" placeholder="请再次重复密码">
										</div>
									</div>
								</div>
								
								
								<div class="am-form-group">
									<div class="am-u-sm-12">
										<div class="am-form-icon">
											<i class="am-icon-user"></i>
											<input type="text" name="nickname" id="nickname" class="am-form-field" placeholder="请设置一个昵称">
										</div>
									</div>
								</div>
								
							
								<div class="am-form-group">
									<div class="am-u-sm-12">
										<div class="checkbox">
											<label class="am-checkbox">
												<input type="checkbox" id="agreement" name="agreement" checked data-am-ucheck="" class="am-ucheck-checkbox">
											
												<a href="#" data-am-modal="{target:'#xieyi'}"> 同意并接受百富《用户协议》。</a> 
												
											</label>
										</div>
									</div>
								</div>
								<hr>
								<div class="am-form-group am-margin-bottom-sm">
									<input type="button" id="reg_sub" value="提交" class="am-btn-block am-btn am-btn-warning am-btn-sm">
								</div>
							</div>
							
							<!--
							<div class="am-form-group">
								<div class="am-u-sm-12">
									合作网站账号登录最美商城：
								</div>
								<div class="am-u-sm-12">
									<a href="" class="am-btn am-btn-default am-btn-sm"><span class="am-icon-qq"></span>&nbsp;QQ号登录</a>
								</div>
							</div>
							-->
							
						
						</form>
					</div>
				</div>
			</div>
		</div>
		
<!--用户协议-->
<div class="am-popup" id="xieyi">
  <div class="am-popup-inner">
    <div class="am-popup-hd">
      <h4 class="am-popup-title">用户协议</h4>
      <span data-am-modal-close
            class="am-close">&times;</span>
    </div>
    <div class="am-popup-bd">
           好好体验
    </div>
  </div>
</div>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/reg.js"></script>
</body>
</html>


